<!DOCTYPE html>
<html lang="en">
<body>

    <svg viewBox="0 0 100 100" width="200" height="200">
        <circle cx="30" cy="30" r="10" fill="#f00">
            <animate 
                attributeName="cx"
                from="30" 
                to="60"
                dur="1s"
                begin="btn2.mouseover"
                fill="freeze"/>
        </circle>

        <g style="cursor:pointer" id="btn2">
            <rect x="40" y="60" width="20" height="10" rx="5" ry="5" fill="#ccc" stroke="#000" />
            <text x="50"  y="67" font-size="6" text-anchor="middle">移入</text>
        </g>
    </svg>


    <script src="index.js"></script>
</body>
</html>
